<html lang="es">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <body>
        <div id="main">
            <div id="content">
                <div id="masthead">
                    <span class="head">Crear un usuario</span>
                    <ul class="breadcrumbs">
                        <li>
                            <?php
                            if ($this->session->userdata('tipo') == 1) {
                                echo "Administrador";
                            } else if ($this->session->userdata('tipo') == 2) {
                                echo "Jefe";
                            }else
                                echo "Usuario";
                            ?> : 
                            Hola <?php echo $this->session->userdata('username'); ?></li>

                    </ul>
                </div>
                <!-- ENDS Headline -->
                <div id="page-content-full">

                    <?php echo validation_errors(); ?>

                    <?php
                    $attributes = array('id' => 'form');
                    echo form_open('configuraciones/create', $attributes)
                    ?>


                    <table id="tablaInsertar">
                        <tr>
                            <td  class ="etiqueta" >Nombre: (*)&nbsp;</td>
                            <td class="campo">
                                <input type="text"  name="nombre"  class="form-poshytip" title="Ingrese el nombre del Usuario" id="nombre" size="40"/> 
                            </td>
                            <td class ="etiqueta">Primer apellido: (*)&nbsp;</td>
                            <td class="campo">
                                <input type="text" class="form-poshytip" title="Ingrese el primer apelido del Usuario"id="apellido1" size="40"/>
                            </td>
                        </tr>
                        <tr>
                            <td class ="etiqueta">Segundo apellido: (*)&nbsp;</td>
                            <td class="campo">
                                <input type="text" class="form-poshytip" title="Ingrese el segundo apellido del Usuario" id="apellido2"  size="40"/> 
                            </td>
                            <td class ="etiqueta">Cédula: (*)&nbsp;</td>
                            <td class="campo">
                                <input type="text" class="form-poshytip" title="Ingrese la cédula del Usuario" id="cedula" size="40"/>
                            </td>
                        </tr>
                        <tr>
                            <td class =" etiqueta">Género:&nbsp;</td>
                            <td class="campo">
                                <select id="genero" size="1">
                                    <option  value="1">Masculino</option>
                                    <option value="2">Femenino</option>
                                </select>
                            </td>
                            <td class =" etiqueta">Contraseña:&nbsp;</td>
                            <td class="campo">
                                Se asigna la cédula por defecto
                            </td>

                        </tr>

                        <tr>
                            <td class =" etiqueta">Horario: (*)&nbsp;</td>
                            <td class="campo">
                                <?php
                                echo '<select name="Combobox" id="horario">';
                                if ($horario <> NULL) {
                                    foreach ($horario->result() as $record) {
                                        echo "<option value=" . $record->id . ">$record->nombre $record->entrada ~ $record->salida</option>";
                                    }
                                }else
                                    echo "<option value=0>No hay horarios</option>";
                                echo '</select>';
                                ?>
                            </td>
                            <td class =" etiqueta">Estado Civil:&nbsp;</td>
                            <td class="campo">
                                <select  id="civil" size="1">
                                    <option value="1">Soltero(a)</option>
                                    <option value="2">Casado(a)</option>
                                    <option value="3">Unión libre</option>
                                    <option value="3">Divorciado</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class =" etiqueta">Fecha de nacimiento: (*)&nbsp;</td>

                            <td class="campo">
                                <input type="text" name="fechaNacimiento"  readonly="true" value="Seleccione la fecha" id="fechaNacimiento">
                            </td>
                            <td class =" etiqueta">Fecha de ingreso al ICE: (*)&nbsp;</td>
                            <td class="campo">
                                <input type="text" name="fechaingreso"  readonly="true" value="Seleccione la fecha" id="fechaingreso">
                            </td>
                        </tr>
                        <tr>
                            <td class =" etiqueta">Departamento:&nbsp;</td>
                            <td class="campo">
                                <select id="departamento" size="1">
                                    <option >Informatica</option>
                                    <option >Recursos Humanos</option>
                                    <option >Financiero</option>
                                    <option >Otro</option>
                                </select>
                            </td>
                            <td class =" etiqueta">Puesto:&nbsp;</td>
                            <td class="campo">
                                <input type="text" class="form-poshytip" title="Ingrese el puesto del Usuario" id="puesto" size="40"/>
                            </td>
                        </tr>
                        <tr>

                            <td class =" etiqueta">Nivel de seguridad: (*)&nbsp;</td>
                            <td class="campo">
                                <select id="tipo" size="1" name='tipo' onchange='accion()'>
                                    <option value="1">Administrador</option>
                                    <option value="2">Jefe</option>
                                    <option value="3">Usuario</option>
                                </select>
                                <br>
                                <?php
                                echo '<select id="jefe" size="1" name= "jefe" style="visibility:hidden">';
                                if ($jefes <> NULL) {
                                    echo "<option value= \"1\">Seleccione el Jefe</option>";
                                    foreach ($jefes->result() as $record) {
                                        echo "<option value=" . $record->cedula . ">$record->nombre $record->apellidos</option>";
                                    }
                                }else
                                    echo "<option value= \"0\">No hay jefes</option>";
                                echo '</select>';
                                ?>
                            </td>

                            <td class =" etiqueta">Ubicación de trabajo:&nbsp;</td>
                            <td class="campo">
                                <select id="ubicacion" size="1">
                                    <option >Turrucares</option>
                                    <option >Pirris</option>
                                    <option >La Garita</option>
                                    <option >Echandi</option>
                                </select>
                            </td>
                        </tr>
                        <tr>


                        </tr>
                        <tr>
                            <td class =" etiqueta">Telefono :&nbsp;</td>
                            <td class="campo">
                                <input type="text" class="form-poshytip" title="Ingrese el telefono del Usuario" id="telefono" size="20"/>
                            </td>
                            <td class =" etiqueta">Extension :&nbsp;</td>
                            <td class="campo">
                                <input type="text" class="form-poshytip" title="Ingrese la extención del Usuario" id="extension" size="20"/>
                            </td>
                        </tr>

                        <td class="botones" colspan="4">
                            <input type="submit" name="Submit" value="Agregar" class="boton" id="Agregar"/>
                            <input type="reset" value="Borrar" class="boton" id="boton" />&nbsp;


                        </td>

                    </table>
                    <br>
                    <div id ="info" style="color:red" style="font-size:15px;"> </div>
                </div>			   
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="shadow-main"></div>
    </body>

    <script type="text/javascript">

        $('#Agregar').click(function(){
            var name = $("#nombre").val();
            var apellido1 = $("#apellido1").val();
            var apellido2 = $("#apellido2").val();
            var cedula = $("#cedula").val();            
            var horario = $("#horario").val();
            //var Fecha_nacim = $("#fechaNacimiento").val();
            // var Fecha_ICE = $("#fechaingreso").val();     
            Fecha_nacim = $('#fechaNacimiento').val();
            Fecha_ICE = $('#fechaingreso').val();
            var nivel = $("#tipo").val();
            var genero = $("#genero").val();
            var Estado_Ci = $("#civil").val();
            var puesto = $("#puesto").val();
            var depart = $("#departamento").val();
            var ubicacion = $("#ubicacion").val();
            
            var telefono = $("#telefono").val();
            var ext = $("#extension").val();
            
            if(Fecha_nacim == "Seleccione la fecha" || Fecha_ICE == "Seleccione la fecha"){
                alert('Seleccione un rango de fechas');
                return false;
            }
                
            var dateParts1 = Fecha_nacim.split("/");
            var FechaDesde = new Date(dateParts1[2], dateParts1[1] , dateParts1[0]);
            Fecha_nacim = FechaDesde.getFullYear()+"-"+FechaDesde.getMonth()+"-"+FechaDesde.getDate();
            //Fecha Hasta
    
            var dateParts2 = Fecha_ICE.split("/");
            var FechaHasta = new Date(dateParts2[2], dateParts2[1] , dateParts2[0]);
            Fecha_ICE = FechaHasta.getFullYear()+"-"+FechaHasta.getMonth()+"-"+FechaHasta.getDate();
           
            var msj = -1;
            if(!name || !apellido1 || !apellido2 || !cedula  || !horario || !Fecha_nacim || !Fecha_ICE || !nivel ){
                msj = 1;
            }
            else{ 
                msj = 0;
                switch (nivel){ 
                    case "1": 
                        Jefe = 0; 
                        break; 
                    case "2": 
                        Jefe = $('#cedula').val(); 
                        break; 
                    case "3": 
                        if($('#jefe').val() != "1")
                            Jefe = $('#jefe').val();
                        else{
                            alert('Seleccione un jefe del usuario,\n\en el nivel de seguridad');
                            return false;
                        }
                        
                        break; 
                    default:
                        Jefe = 1;
                }
            }
            
                       
            var form_data = {
                nombre: name,
                cedula: cedula,
                apellido1: apellido1,
                apellido2: apellido2,
                cedula: cedula,
                genero: genero,
                horario: horario,
                Fecha_nacim: Fecha_nacim,
                Fecha_ICE: Fecha_ICE,
                Estado_Ci: Estado_Ci,
                puesto: puesto,
                depart: depart,
                nivel: nivel,
                ubicacion: ubicacion,
                jefe: Jefe,
                telefono: telefono,
                ext: ext, 
                msj: msj,
                ajax: '1'
            };
                
            $.ajax({
                url: $(this).attr('href'),
                type: 'POST',
                data: form_data,
                success: function(msg){
                    if(msg.substring(0,1) == '1'){
                        setTimeout('document.getElementById("form").reset();',1000);
                        document.getElementById("jefe").style.visibility = "hidden";
                        msg = msg.substring(1);
                    }
                    $('#info').html(msg);
                }
                    
            });
            setTimeout('document.getElementById("info").innerHTML="";',5000);
            
            return false; 
        });    
        
        $(function() {
            $( "#fechaNacimiento" ).datepicker({
                altField: "#fechaNacimiento",
                showAnim: "drop",
                dateFormat: "dd/mm/yy",
                monthNamesShort:["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
                dayNames:["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sabado"],
                dayNamesMin:["Dom","Lun","Mar","Mié","Jue","Vie","Sab"],
                yearRange: "1950:2050",
                gotoCurrent:true,
                showOtherMonths: true,
                changeMonth: true,
                changeYear: true
            });
            
        });          
        $(function() {
            $( "#fechaingreso" ).datepicker({
                altField: "#fechaingreso",
                showAnim: "drop",
                dateFormat: "dd/mm/yy", 
                monthNamesShort:["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
                dayNames:["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sabado"],
                dayNamesMin:["Dom","Lun","Mar","Mié","Jue","Vie","Sab"],
                yearRange: "1950:2050",
                gotoCurrent:true,
                showOtherMonths: true,
                changeMonth: true,
                changeYear: true
            });
            
        }); 

        function accion(){ 
            { 
                if(tipo.selectedIndex == 2) {  
                    document.getElementById("jefe").style.visibility = "visible";
                }
                else
                    document.getElementById("jefe").style.visibility = "hidden";
            } 
      
        } 
    </script>

</html>
